<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .wrap1 {
            width: 600px;
            height: 300px;
            display: flex;
            background: bisque;
        }

        .item1 {
            flex: 1;
            border-right: 1px dashed #999;
        }

        .item2 {
            flex: 3;
        }
    </style>
</head>

<body>
    <p>两栏布局--左侧图片右侧文字</p>
    <div class="wrap1">
        <div class="item1">
            <img src="../JQ/imgs/cat_1.png" alt="">
        </div>
        <div class="item2">
            <p>三星 Galaxy S8 6G 64G 迷夜黑 3.5mm耳机孔</p>
            <p>预订人数(999+)</p>
            <button>下单</button>
        </div>
    </div>

    <script>
        // 加密混淆，规则如下：16位长度秘钥切分为4组，每组4位，按下标1 3 2 0重新组合。
        // 例如：1234567890123456->5678345690121234

        var info = '1234567890123456';
        // 方式一 字符串切割
        var val0 = info.slice(0,4)
        var val1 = info.slice(4,8)
        var val2 = info.slice(8,12)
        var val3 = info.slice(12)
        console.log('===', val1+val3+val2+val0);

        // 方式二 先转出数组
        
    </script>
</body>

</html>